import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { BarChart3 } from "lucide-react"

export default function Home() {
  return (
    <div className="container mx-auto py-10">
      <h1 className="text-4xl font-bold text-center mb-10">可视化大屏设计平台</h1>

      <div className="max-w-md mx-auto">
        <Card className="flex flex-col">
          <CardHeader>
            <CardTitle className="flex items-center gap-2">
              <BarChart3 className="h-6 w-6" />
              可视化大屏编辑器
            </CardTitle>
            <CardDescription>拖拽式搭建专业数据可视化大屏，支持多种图表和布局</CardDescription>
          </CardHeader>
          <CardContent className="flex-grow">
            <div className="aspect-video bg-muted rounded-md flex items-center justify-center">
              <BarChart3 className="h-16 w-16 text-muted-foreground/50" />
            </div>
          </CardContent>
          <CardFooter>
            <Link href="/dashboard" className="w-full">
              <Button className="w-full">打开可视化编辑器</Button>
            </Link>
          </CardFooter>
        </Card>
      </div>
    </div>
  )
}
